<template>
	<div class="city-tabs">
		<div class="tabs current">境内</div>
		<div class="tabs">境外·港澳台</div>
	</div>
</template>
<script>
	export default {
		name: 'CitySearch'
	}
</script>
<style lang="scss" scoped>
@import '~@/assets/scss/setting';
@import '~@/assets/scss/css3';
@import '~@/assets/scss/mixin';
@import '~@/assets/scss/reset';
@import '~@/assets/scss/style';

.city-tabs {
	height: px2rem(88px);
	line-height: px2rem(88px);
	background-color: $bgColor;
	text-align: center;
	.tabs {
		width: px2rem(270px);
		display: inline-block;
		vertical-align: middle;
		height: px2rem(50px);
		line-height: px2rem(50px);
		color: #fff;
		border: px2rem(1px) solid #fff;
		& + tabs {
			border-left: none;
		}
		&.current {
			background: #fff;
			color: $bgColor;
		}
	}
}

</style>